<meta charset="utf-8">
<script type="text/javascript" src="app/setting/setting.js">
</script>
<div class="settingSlideMenu" id="setting1SlideMenu" style="display:none">
	<div class="settingSubMenu ST" id="GeneralST" style="color:#2ECC71" i18n="general">
	</div>
	<div class="settingSubMenu ST" id="SearchST" i18n="search">
	</div>
	<div class="settingSubMenu ST" id="WallpaperST" i18n="background">
	</div>
</div>
<div class="settingBox" id="settingBoxGeneralST">
	<!-- <div class="settingItem" id="aboutTranslate" style="margin-bottom:-10px;">
		<a href="http://infinitynewtab.com/translate.html" target="_blank" class="infinitylink">Help us improve translation</a>
		<div style="clear:both;"></div>
	</div> -->
	<div class="settingItem">
		<div i18n="signIn" class="settingLabel">
		</div>
		<input type="button" id="loginOrRegister" i18n-value="SignInOrRegister" style="margin-top:20px;margin-bottom:-5px;letter-spacing:0px;">
	</div>
	<div class="settingItem">
		<div id="cloudBackupHover"></div>
		<div style="height:30px;">
			<div i18n="CloudBackup" class="settingLabel">
			</div>
			<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="cloudBackup"
			name="cloudBackup">
		</div>
		<div i18n="SignInToUseTheFeature" id="lastBackupAt" style="font-size: 12px;color: #A1A1A1;margin-left: 10px;"></div>
		<input type="button" id="backupToCloud" i18n-value="backupToCloud" class="inputMargin">
		<input type="button" id="RecoveryFromCloud" i18n-value="RecoveryFromCloud" class="inputMargin">

	</div>
	<div class="settingItem">
		<div i18n="StartAnimation" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="startAnimation"
		name="startAnimation">
	</div>
	<div class="settingItem">
		<div i18n="OpenLinksInNewtab" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="openInNewtab"
		name="openInNewtab">
	</div>

	<div class="settingItem">
		<div i18n="showPageAction" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="showPageAction"
		name="showPageAction">
	</div>
	<div class="settingItem">
		<div i18n="displayIntop" class="settingLabel">
		</div>
		<input class="checkBoxToggle" id="displayAtTopButton" type="checkBox"
		infinity-Data-Check="displayAtTop" name="displayAtTop">
		<radio>
			<label>
				<input name="displayTopType" value="Bookmarksbar" infinity-Data-Checks="displayTopType|Bookmarksbar"
				type="radio" />
				<span i18n="Bookmarksbar">
				</span>
			</label>
			<label>
				<input name="displayTopType" value="mostVisited" infinity-Data-Checks="displayTopType|mostVisited"
				type="radio" />
				<span i18n="mostVisited">
				</span>
			</label>
		</radio>
	</div>
	<div class="settingItem">
		<div i18n="OpenBookmarkIn" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="OpenBookmarksInNewtab"
		name="OpenBookmarksInNewtab">
	</div>
	<div class="settingItem">
		<div i18n="GmailNotifications" class="settingLabel">
		</div>
		<input class="checkBoxToggle" id="GmailMessageCheck" type="checkBox" infinity-Data-Check="GmailMessage"
		name="GmailMessage">
	</div>
	<div class="settingItem">
		<div i18n="NotificationSound" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="notificationSound"
		name="notificationSound">
	</div>
	<div class="settingItem">
		<div i18n="IconOpacity" class="settingLabel">
		</div>
		<div class="rightBlock">
			<span id="iconOpacityValue" infinity-Data-Text="iconOpacity">
			</span>
			<span>
				%
			</span>
		</div>
		<input style="margin-top:15px;margin-left:10px;margin-bottom:-5px;" name="iconOpacity"
		type="range" min="0" max="100" step="1" id="iconOpacity" infinity-Data-Value="iconOpacity"
		/>
	</div>
	<div class="settingItem">
		<div i18n="IconFillet" class="settingLabel">
		</div>
		<div class="rightBlock">
			<span id="iconFilletValue" infinity-Data-Text="iconFillet">
			</span>
			<span>
				%
			</span>
		</div>
		<input style="margin-top:15px;margin-left:10px;margin-bottom:-5px;" name="iconFillet"
		type="range" min="0" max="100" id="iconRadius" step="1" infinity-Data-Value="iconFillet"
		/>
	</div>
	<div class="settingItem">
		<div i18n="NumberOfItems" class="settingLabel">
		</div>
		<radio>
			<label>
				<input name="iconNum" value="2x5" infinity-Data-Checks="iconNum|2x5" type="radio">
				2 x 5
			</label>
			<label>
				<input name="iconNum" value="3x4" infinity-Data-Checks="iconNum|3x4" type="radio">
				3 x 4
			</label>
			<label>
				<input name="iconNum" value="3x5" infinity-Data-Checks="iconNum|3x5" type="radio">
				3 x 5
			</label>
			<label>
				<input name="iconNum" value="3x6" infinity-Data-Checks="iconNum|3x6" type="radio">
				3 x 6
			</label>
		</radio>
	</div>
	<div class="settingItem">
		<div i18n="TemperatureUnit" class="settingLabel">
		</div>
		<radio>
			<label>
				<input name="temperatureUnit" value="Celsius" infinity-Data-Checks="temperatureUnit|Celsius"
				type="radio" />
				<span i18n="Celsius">
				</span>
			</label>
			<label>
				<input name="temperatureUnit" value="Fahrenheit" infinity-Data-Checks="temperatureUnit|Fahrenheit"
				type="radio" />
				<span i18n="Fahrenheit">
				</span>
			</label>
		</radio>
	</div>
	<div class="settingItem">
		<div i18n="WeatherLocation" class="settingLabel">
		</div>
		<div style="width:280px;float:left;margin-top:5px;margin-left:10px;font-size:14px;">
			<span i18n="CurrentLocation"></span>
			<span id="CurrentLocation"></span>
		</div>
		<input type="search" id="weatherinput" i18n-placeholder="CityName" class="inputMargin">
		<input type="button" id="addThatCity" city='' country='' style="margin-left:10px;letter-spacing:0px !important;display:none;">
		<div style="clear:both;"></div>
	</div>
	<div class="settingItem">
		<div i18n="GenerateBackupFile" class="settingLabel">
		</div>
		<input type="button" id="dataBackup" i18n-value="Generate" class="inputMargin">
	</div>
	<div class="settingItem" style="margin-top:20px;">
		<div i18n="RecoveryFromFile" class="settingLabel" style="width:280px;">
		</div>
		<div i18n="supportFile" style="font-size:12px;margin-left:10px;margin-top:20px;color:#A1A1A1;"></div>
		<input id="dataRestore" type="file" accept=".vplus,.mifish,.infinity">
	</div>
	<div class="clear" style="height:50px;">
	</div>
</div>
<div class="settingBox" id="settingBoxSearchST" style="display:none;">
	<div class="settingItem">
		<div i18n="EnableSearchBox" class="settingLabel">
		</div>
		<input class="checkBoxToggle" id="searchBoxCheck" infinity-Data-Check="searchBox"
		type="checkBox" name="searchBox">
	</div>
	<div class="settingItem">
		<div i18n="EnableSearchType" class="settingLabel">
		</div>
		<input class="checkBoxToggle" id="searchTypeCheck" type="checkBox" infinity-Data-Check="searchType"
		name="searchType">
	</div>
	<div class="settingItem">
		<div i18n="SearchInNewtab" class="settingLabel">
		</div>
		<input class="checkBoxToggle" type="checkBox" infinity-Data-Check="searchInNewtab"
		name="searchInNewtab">
	</div>
	<div class="settingItem">
		<div i18n="AdditionalSearchEngine" class="settingLabel" style="width:280px;height:24px;">
		</div>
		<div style="margin-left:10px;margin-bottom:-15px;"><a class="infinitylink" style="text-decoration: none;
  color: #2ECC71;font-size:12px;" target="_blank" href="http://infinitynewtab.com/help.html" i18n="howToAdd"></a></div>
		<div id="AddSe" style="margin-top:30px;">
		</div>
		<input id='addSearchName' type="search" class="addSearchInput" i18n-placeholder="addSearchName">
		<input id='addSearchUrl' type="search" class="addSearchInput" i18n-placeholder="addSearchUrl">
		<input type="button" id="addSearchBu" i18n-value="AddSearchEngine">
	</div>

</div>
<div class="settingBox" id="settingBoxWallpaperST" style="display:none;">

	<div class="settingItem">
		<div i18n="fontColor" class="settingLabel">
		</div>
		<div style="margin-top:35px;">
			<div class="fontColorSelect" color="#fdfdfd" style="background-color:#ECF0F1;border-color:#ECF0F1;">
			</div>
			<div class="fontColorSelect" color="#2ECC71" style="background-color:#2ECC71;border-color:;">
			</div>
			<div class="fontColorSelect" color="#1ABC9C" style="background-color:#1ABC9C;border-color:;">
			</div>
			<div class="fontColorSelect" color="#3498DB" style="background-color:#3498DB;border-color:;">
			</div>
			<div class="fontColorSelect" color="#F1C40F" style="background-color:#F1C40F;border-color:;">
			</div>
			<div class="fontColorSelect" color="#E74C3C" style="background-color:#E74C3C;border-color:">
			</div>
			<div class="fontColorSelect" color="#555555" style="background-color:#555555;border-color:;">
			</div>
		</div>
	</div>
	<div class="settingItem">
		<div i18n="AutomaticallyChangeWallpaper" class="settingLabel">
		</div>
		<input class="checkBoxToggle" id="autoWallpaperButton" type="checkBox"
		infinity-Data-Check="autoWallpaper" name="autoWallpaper">
		<radio>
			<div id="autoWallpaperHover"></div>
			<label class="autobgs">
				<input name="AutoBgType" value="InfinityBg" infinity-Data-Checks="AutoBgType|InfinityBg"
				type="radio" />
				<span i18n="InfinityBg">
				</span>
			</label>
			<label class="autobgs">
				<input name="AutoBgType" value="BingBg" infinity-Data-Checks="AutoBgType|BingBg"
				type="radio" />
				<span i18n="BingBg">
				</span>
			</label>
		</radio>
	</div>
	
	<div class="settingItem">
		<div id="localWallpaperHover"></div>
		<div style="height:35px;" id="localWallOut">
			<div i18n="LocalWallpaper" class="settingLabel">
			</div>
			<input type="file" name="Thefile" i18n-title="upload" id="getLocalWallpaper" accept="image/*">
		</div>
		<div i18n="UploadLocalWallpaper" id="loginUploadWp" style="font-size: 12px;color: #A1A1A1;margin-left: 10px;margin-bottom: -10px;display:none;"></div>
	</div>
	<div class="settingItem">
			<div i18n="blurWallpaper" class="settingLabel">
			</div>
			<input class="checkBoxToggle" id="blurButton" type="checkBox" infinity-Data-Check="blurWallpaper"
			name="blurWallpaper">
	</div>
	<div class="settingItem" style="margin-top:20px;">
		<div i18n="DefaultWallpaper" class="settingLabel">
		</div>
		<input type="button" id="RestoreWallpaperButton" i18n-value="RestoreWallpaper"
		class="inputMargin noLetterSpacing">
	</div>
	<div class="settingItem" style="margin-top:15px;">
		<div i18n="DownloadWallpaper" class="settingLabel">
		</div>
		<input type="button" id="DownloadWallpaperButton" i18n-value="DownloadWP"
		class="inputMargin noLetterSpacing">
	</div>
</div>